Vue.component('myheader',{
    props:[],
    template:
        `
    <div class="header">
    <div class="center">
        <a class="header-logo" href=""> <img width="133" src="imgs/heaherImg/logo.png" alt=""></a>
        <ul class="header-ul">
            <li><a  href="./index.html">首页</a></li>
            <li><a href="./movielist.html">电影</a></li>
            <li><a href="./cinema-list.html">影院</a></li>
            <li><a href="./list100.html">榜单</a></li>
        </ul>
        <form class="header-form" action="./search.html" method="get"  accept-charset="UTF-8">
            <input name="kw" class="search" type="search" maxlength="32"
                   placeholder="找影视剧、影人、影院" autocomplete="off">
            <input type="submit" class="header-button" value="">
        </form>
        <div class="login">
            <a href="./login.html">
                <img width="50" src="https://p0.meituan.net/movie/7dd82a16316ab32c8359debdb04396ef2897.png" alt="">
            </a>
        </div>
        <div class="has-login">
            <a href="./message.html"><img width="50" src="https://img.meituan.net/maoyanuser/a0f6d3f97abf06ed2e8b82c7537334c110242.png" alt=""></a><a href="">退出登录</a>

        </div>
    </div>
</div>
    `
})
let header_vm = new Vue({
    el:"myheader",
    data:{
    },
    created:function () {

    }
})